<template>
    <view class="bg-[#EAEAEA] min-h-screen">
        <view class="h-[10rpx]"></view>
        <view class="bg-white px-[40rpx] pt-[20rpx] pb-[60rpx] flex flex-col justify-center items-center">
            <view class="pb-[20rpx] border-b border-[#D8D8D8]">
                <view class="text-center">项目课程数据统计</view>
                <view class="mt-[30rpx] flex items-center"><text>学校：</text>
                    <view class="flex w-[60vw] justify-between border-b border-[#D8D8D8]"><text
                            class="ml-[30rpx]">全部</text><u-icon name="arrow-down" color="#3F3F3F" size="18"></u-icon>
                    </view>
                </view>
                <view class="mt-[30rpx] flex items-center"><text>项目：</text>
                    <view class="flex w-[60vw] justify-between border-b border-[#D8D8D8]"><text
                            class="ml-[30rpx]">全部</text><u-icon name="arrow-down" color="#3F3F3F" size="18"></u-icon>
                    </view>
                </view>


                <view class="mt-[70rpx] flex items-center"><text>学校：</text>
                    <view class="flex w-[60vw] justify-between border-b border-[#D8D8D8]"><input type="text">个</view>
                </view>
                <view class="mt-[30rpx] flex items-center"><text>班级：</text>
                    <view class="flex w-[60vw] justify-between border-b border-[#D8D8D8]"><input type="text">个</view>
                </view>
                <view class="mt-[30rpx] flex items-center"><text>课程：</text>
                    <view class="flex w-[60vw] justify-between border-b border-[#D8D8D8]"><input type="text">次</view>
                </view>
                <view class="mt-[30rpx] flex items-center"><text>人数：</text>
                    <view class="flex w-[60vw] justify-between border-b border-[#D8D8D8]"><input type="text">人</view>
                </view>
                <view class="mt-[30rpx] flex items-center"><text>人次：</text>
                    <view class="flex w-[60vw] justify-between border-b border-[#D8D8D8]"><input type="text">人</view>
                </view>
            </view>

            <view class="mt-[30rpx]  flex flex-col justify-center items-center">  
                <view @click="navigateTo('/pages/projectCourse/completionStatus')" class=" rounded-[167rpx] w-[452rpx] h-[76rpx] bg-[#ffe3df] text-[#FF664A] flex items-center justify-center">项目课程完成情况一览表</view>
                <view @click="navigateTo('/pages/projectCourse/projectCurriculumSchedule')" class="rounded-[167rpx] w-[452rpx] h-[76rpx] bg-[#ffe3df] mt-[20rpx] text-[#FF664A] flex items-center justify-center">项目课程安排表</view>

            </view>
        </view>
    </view>
</template>
<script setup>
const navigateTo = (url) => {
  uni.navigateTo({
    url
  })
}
</script>